<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<meta http-equiv="X-UA-Compatible" content="IE=5" >
<meta http-equiv="X-UA-Compatible" content="IE=7/8/9/10" >
<meta http-equiv="X-UA-Compatible" content="IE=Edge" >
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7/8/9" >
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" >
<script type="text/javascript">
     if(!-[1,] && document.documentMode == '5'){
    alert('\u60A8\u7684\u6D4F\u89C8\u5668\u7248\u672C\u6E32\u67D3\u6A21\u5F0F\u4E0D\u6B63\u786E\uFF0C\u8BF7\u4F7F\u7528360\u6216\u8C37\u6B4C\u7B49\u6D4F\u89C8\u5668\uFF0C\u6216\u6253800800\u627E IT \u5E2E\u4F60\u628A\u6D4F\u89C8\u5668\u7684\u602A\u5F02\u6E32\u67D3\u6A21\u5F0F\u6539\u4E3A\u6807\u51C6\u6E32\u67D3\u6A21\u5F0F');
 }
</script>

<title>首页</title>

<link type="text/css" rel="stylesheet" href="./css/common.css" />
<link type="text/css" rel="stylesheet" href="./css/index.css" />
<link type="text/css" rel="stylesheet" href="./css/fontCss/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="./css/host.css" />
<link type="text/css" rel="stylesheet" href="./css/market.css" />
<link type="text/css" rel="stylesheet" href="./css/plat.css" />
</head>

<body ng-app="app">

<div class="container">

    <div class="header clearfix">
        <div class="headerLogo fl"></div>

        <ul class="headerList fr">
            <li><a href="#">资源管理</a></li>
            <li><a href="platCost">平台管理</a></li>
            <li><a href="#">用户admin</a></li>
        </ul>
    </div><!-- end of header -->

    <div class="content clearfix">
        <div class="menus">
            <ul class="menusCont">
                <li>
                    <a href="general" class="menusCont_a">
                        <i class="fa fa-coffee"></i>概况
                        <i class="fa fa-caret-right fr"></i>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" class="menusCont_a">
                        <i class="fa fa-cloud"></i>云主机
                        <i class="fa fa-caret-right fr"></i>
                    </a>
                    <div class="menusCont_sub">
                        <a href="hostCloud">实例</a>
                        <a href="#">主机快照</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:;" class="menusCont_a">
                        <i class="fa fa-tasks"></i>应用市场
                        <i class="fa fa-caret-right fr"></i>
                    </a>
                    <div class="menusCont_sub">
                        <a href="#">环境</a>
                        <a href="marketApp">应用</a>
                    </div>
                </li>
            </ul>
        </div><!--end of menus -->

        <div class="main">
            <div ng-view class="mainCont clearfix"></div>
        </div><!-- end of main -->
    </div><!-- end of content -->

</div><!-- end of container -->

<!-- 弹窗 菊花加载1 -->
<div class="loading">
    <i class="loading_icon"></i>
     <div class="bg"></div>
</div><!-- end of loading -->

<!-- 弹窗 菊花加载2 -->
<div class="loading-o">
    <i class="loading_icon"></i>
</div><!-- end of loading-o -->

<script type="text/javascript" src="./js/jquery-1.7.2-min.js"></script>
<script type="text/javascript" src="./js/jq/echarts.min.js"></script>
<script type="text/javascript" src="./js/jq/jquery.goup.min.js"></script>
<script type="text/javascript" src="./js/common.js"></script>

<script src="./js/widgets/angular-1.6.0/angular.min.js" ></script>
<script src="./js/widgets/angular-1.6.0/angular-route.min.js" ></script>
<script src="./js/widgets/angular-1.6.0/angular-animate.min.js" ></script>
<script src="./service/hostService.js"></script>
<script src="./controller/hostCtrl.js"></script>
<script src="./js/app.js"></script>
<script type="text/javascript">
angular.element(document.getElementsByTagName('head')).append(angular.element('<base href="' + window.location.pathname + '" />'));

window.onload=function(){
    reSize();
}

$(window).resize(function(){
    reSize();                     
});

function reSize(){
    var window_W = $(window).width();
    var window_H = $(window).height();
    console.log(window_W,window_H);
    $('.menus').css('min-Height',window_H-55);
    $('.main').width(window_W-265).css('min-width','832px');
}

//左侧菜单
$('.menusCont li a.menusCont_a').on('click',function(){
    $(this)/*.addClass('menusCont_on')*/.next().slideToggle('fast');
});
$('.menusCont li a').on('click',function(){
    $('.menusCont li a').removeClass('menusCont_on');
    $(this).addClass('menusCont_on');
});
</script>
</body>
</html>